const { ref, defineComponent, defineExpose } = Vue;
export default defineComponent({
  name: 'YpFirstContainerChosen',
  setup() {
    const firstCheckDialogVisible = ref(false);
    const chekedContainerNoList = ref([]);
    const currtContainerNoList = ref([]);
    // defineExpose({
    //   firstCheckDialogVisible, chekedContainerNoList, currtContainerNoList
    // })
    return { firstCheckDialogVisible, chekedContainerNoList, currtContainerNoList }
  },
  template: `
<el-dialog v-model="firstCheckDialogVisible" title="首件批次号选择" width="60%">
  <el-row>
    <el-col :span="12">
      <h3>已指定的首件批次号</h3>
      <el-table :data="chekedContainerNoList" border stripe>
        <el-table-column type="selection"></el-table-column>
        <el-table-column prop="firstcheckcontainerno" label="首件批次号"></el-table-column>
      </el-table>
    </el-col>
    <el-col :span="12">
      <h3>当前批次子序号</h3>
      <el-table :data="currtContainerNoList" border stripe>
        <el-table-column type="selection"></el-table-column>
        <el-table-column prop="containerid" label="批次id"></el-table-column>
        <el-table-column prop="containername" label="子序号"></el-table-column>
      </el-table>
    </el-col>
  </el-row>
  <template #footer>
    <span class="dialog-footer">
      <el-button @click="dialogVisible = false">取消</el-button>
      <el-button type="primary" @click="dialogVisible = false">确认</el-button>
    </span>
  </template>
</el-dialog>`
});